@extends('home.layout.index')
@section('css')

@endsection
@section('header')

<div class='nav-ul-view'>
  <ul class='menu g'>
<li class='gi'>
     <a class='m-item' href='/home'>
        <span>首页</span>
      </a>
    </li>
    <li class='gio'>
       <a class='m-item' href='/home/chanpin'>
        <span>产品</span>
      </a>
    </li>
      <li class='gi'>
      <a class='m-item' id='storeLink' href='/home/shop' data-hd-url='http://hd.oppo.com/act/2016/1001/index.html'>
        <span>商城</span>
              </a>
          </li>
    <li class='gi
        is-active'>
      <a class='m-item' href='/home/notice'>
        <span>公告</span>
      </a>
    </li>
    <li class='gi'>
     <a class='m-item' href='/home/service'>
        <span>服务</span>
      </a>
    </li>
  </ul>
  </div>
@endsection
@section('lunbotu')
<style type="text/css">
  .da{
  width:1200px;
  height:400px;
  margin: 0 auto;
}

.left{
  width:250px;
  height:300px;
  float:left;
  border:1px solid #DEDEDE;
}

.right{
  width:900px;
  float:right;
  border:1px solid #EFEFEF;
}

.you{
  width:100%;
  height:25px;
  background:#F7F7F7;
  font-size:14px;
  font-weight: bold;
  line-height: 25px;
  padding-left: 8px;
}

.ti{
  width:250px;
  height:50px;
  border-bottom: 1px dashed #EFEFEF;
}

.title{
  width:100%;
  height:50px;
  border-bottom:1px dashed #EFEFEF;
}

.li{
  height:50px;
  line-height: 50px;
  text-align:center;
  font-size: 18px;
}

.shi{
  width:100%;
  height:30px;

}

.jian{
  height:30px;
  line-height: 30px;
  text-align:center;
  font-size: 12px;
}

.count{
  width:100%;
  line-height: 20px;
}

</style>
  <div class='da'>
    
    <div class='left'>
      <div class='you'>OPPO品牌旗舰店</div>
    
      <div class='ti'> <img src="/upload/aa/1.jpg"  style="width:120px;height:50px"> <img src="/upload/aa/2.jpg"  style="width:120px;height:50px"></div>
      <div class='ti'><img src="/upload/aa/3.jpg"  style="width:120px;height:50px"> <img src="/upload/aa/4.jpg"  style="width:120px;height:50px"></div>
      <div class='ti'><img src="/upload/aa/6.jpg"  style="width:120px;height:50px"> <img src="/upload/aa/5.jpg"  style="width:120px;height:50px"></div>
      <div class='ti'><img src="/upload/aa/8.jpg"  style="width:120px;height:50px"> <img src="/upload/aa/13.jpg"  style="width:120px;height:50px"></div>
      <div class='ti'><img src="/upload/aa/11.jpg"  style="width:120px;height:50px"> <img src="/upload/aa/14.jpg"  style="width:120px;height:50px"></div>
      </div>  
    <div class='right'>
      <div class='title'><div class='li'><b>{{ $data['title']}}</b></div></div>
      <div class='shi'><div class='jian'>时间：{{ $data['createtime']}}</div></div>
        <div class='count'>
         {!! $data['content']!!}

        </div>
    </div>
    

  </div>


@endsection